<template>
  <div class="check-box" @click="_sendFather">
    <Icon v-if="check" class="check" type="ios-checkmark-circle"/>
    <Icon v-else class="uncheck" type="ios-radio-button-off"/>
  </div>
</template>

<script>
  export default {
    name: 'CheckBox',
    props: {
      check: {
        type: Boolean,
        default: false,
      },
    },
    methods: {
      _sendFather() {
        this.$emit('clickBtn')
      }
    }
  }
</script>

<style lang="scss" scoped>
  .check-box {
    display: inline-block;
    font-size: 18px;
  }
  
  .check-box .check {
    color: #F60B0F;
  }

  .check-box .uncheck {
    color: #BDBCBC;
  }
</style>
